.container {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  .online {
    overflow: hidden;
    color: var(--bd-primary);
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
  }

  .tag {
    width: 44px;
    height: 18px;
    font-weight: 500;
    font-size: 12px;
    font-family: PingFang SC;
    line-height: 18px;
    letter-spacing: 0;
    text-align: center;
    border-radius: 5px;
  }

  .options {
    display: flex;
    align-items: center;

    .item,
    .disableItem {
      display: flex;
      align-items: center;
      margin-left: 5px;
      color: var(--bd-primary);
      font-size: 12px;
      font-family: PingFang SC;
      line-height: 22px;
      letter-spacing: 0;
      text-align: left;
      &:not(:last-child)::after {
        top: 6px;
        left: 32px;
        display: block;
        width: 1px;
        height: 10px;
        margin-left: 5px;
        background-color: var(--bd-a50);
        border-radius: 0;
        content: '';
      }
    }
    .item {
      cursor: pointer;
    }
    .disableItem {
      color: var(--font-a30);
      cursor: none;
      cursor: not-allowed;
    }
  }

  .rightTop {
    overflow: auto;
    -webkit-animation: warn 0.5s linear !important;
    -moz-animation: warn 0.5s linear !important;
    animation: warn 0.5s linear !important;
    animation-fill-mode: forwards !important;
  }
  .topScale {
    overflow: auto;
    -webkit-animation: warnout 0.5s linear !important;
    -moz-animation: warnout 0.5s linear !important;
    animation: warnOut 0.5s linear !important;
    animation-fill-mode: forwards !important;
  }
  .rightTopContent {
    flex: 1;
    box-sizing: border-box;
    padding: 0 24px 24px 24px;
    overflow: hidden;
    .table {
      display: flex;
      flex-direction: column;
      width: 100%;
      height: 100%;
      overflow: hidden;
      .option {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        margin-bottom: 12px;
      }
      .antdBaseTable {
        overflow: hidden;
        :global {
          .art-table {
            .art-table-header {
              z-index: 100;
              .art-table-header-cell {
                font-weight: bold;
              }
            }
          }
        }
      }
    }
    :global {
      .ant-tabs {
        width: 100%;
        height: 100%;
        overflow: hidden;
        .ant-tabs-tab {
          margin: 0 0 0 32px;
          font-weight: 500;
          font-size: 16px;
        }
        .ant-tabs-tab-active {
          margin: 0 0 0 32px;
          // color: #18a0fb;
        }
        .ant-btn-link {
          margin: 0 0 0 32px;
          // color: #18a0fb;
        }
        .ant-tabs-content-holder {
          flex: 1;
          overflow: hidden;
          .ant-tabs-content {
            width: 100%;
            height: 100%;
            overflow: hidden;
            .ant-tabs-tabpane {
              width: 100%;
              height: 100%;
              overflow: hidden;
              .ant-spin-nested-loading {
                width: 100%;
                height: 100%;
                overflow: hidden;
                .ant-spin-container {
                  width: 100%;
                  height: 100%;
                  overflow: hidden;
                  &::after {
                    background: #222629;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  .rightBottom {
    max-height: 50%;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: 0 -10px 20px rgba(22, 26, 29, 0.5);
  }
}

// .dropdownA {
// :global {
//   ul > .ant-dropdown-menu-item-active {
//     color: #e8f2fd;
//     // background-color: #1e7ce8 !important;
//   }
// }
// }

@keyframes warn {
  0% {
    height: 50%;
  }
  25% {
    height: 62%;
  }
  50% {
    height: 74%;
  }
  75% {
    height: 86%;
  }
  100% {
    height: 100%;
  }
}

@keyframes warnOut {
  0% {
    height: 100%;
  }
  25% {
    height: 90%;
  }
  50% {
    height: 80%;
  }
  75% {
    height: 70%;
  }
  100% {
    height: 50%;
  }
}
